<template>
  <div class="detail_mian">
    <div class="detail_time">
      <div class="time_row">
        <el-timeline>
          <el-timeline-item
            v-for="(item, index) in dict.type.stand_stage"
            :key="index"
            :color="item.color"
            icon="el-icon-check"
            type="primary"
            :size="item.size"
          >
            <el-button
              type="primary"
              @click="getActiveClass(index)"
              size="mini"
              :disabled="index >= stage"
              >{{ item.label }}</el-button
            >
          </el-timeline-item>
        </el-timeline>
      </div>
    </div>
    <div class="page_detail">
      <div class="detail_row">
        <div class="detail_titel">展位报图资料详情</div>
      </div>

      <div class="zx_data">
        <el-form
          :model="exhibitioinStandInfo"
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          :inline="true"
          :disabled="upload == true ? true : false"
          size="mini"
          label-position="left"
          class="demo-ruleForm"
        >
          <div class="form_titel">展位信息</div>
          <el-form-item label="展位名称" prop="standName">
            <el-input
              style="width: 180px"
              disabled
              v-model="exhibitioinStandInfo.standName"
            ></el-input>
          </el-form-item>
          <el-form-item label="展馆号" prop="exNumber">
            <el-input
              style="width: 180px"
              disabled
              v-model="exhibitioinStandInfo.exNumber"
            ></el-input>
          </el-form-item>
          <el-form-item label="展位号" prop="standNum">
            <el-input
              style="width: 180px"
              disabled
              v-model="exhibitioinStandInfo.standNum"
            ></el-input>
          </el-form-item>
          <el-form-item label="展位面积（m²）" prop="standArea">
            <el-input
              disabled
              style="width: 180px"
              v-model="exhibitioinStandInfo.standArea"
            ></el-input>
          </el-form-item>
          <el-form-item label="展位层数类型" prop="standLevelType">
            <el-select
              style="width: 180px"
              v-model="exhibitioinStandInfo.standLevelType"
              placeholder="请选择"
            >
              <el-option
                v-for="item in dict.type.stand_level_type"
                :key="item.value"
                :label="item.label"
                :value="parseInt(item.value)"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="展位位置类型" prop="standPosType">
            <el-select
              style="width: 180px"
              v-model="exhibitioinStandInfo.standPosType"
              placeholder="请选择"
            >
              <el-option
                v-for="item in dict.type.stand_pos_type"
                :key="item.value"
                :label="item.label"
                :value="parseInt(item.value)"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="展位材质类型" prop="standTexture">
            <el-select
              style="width: 180px"
              v-model="exhibitioinStandInfo.standTexture"
              placeholder="请选择"
            >
              <el-option
                v-for="item in dict.type.stand_texture"
                :key="item.value"
                :label="item.label"
                :value="parseInt(item.value)"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="展台高度" prop="standHeight">
            <el-input
              style="width: 180px"
              v-model="exhibitioinStandInfo.standHeight"
            ></el-input>
          </el-form-item>
<!--          <div class="form_titel">搭建商信息</div>-->
<!--          <el-form-item-->
<!--            label="社会统一信用代码"-->
<!--            prop="exhibitConstructionOrganizationInfo"-->
<!--          >-->
<!--            <el-input-->
<!--              disabled-->
<!--              style="width: 180px"-->
<!--              v-model="userInfo.creditCode"-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="施工单位名称" prop="constructionName">-->
<!--            <el-input-->
<!--              disabled-->
<!--              style="width: 180px"-->
<!--              v-model="userInfo.constructionName"-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="施工负责姓名" prop="constructionDirector">-->
<!--            <el-input-->
<!--              style="width: 180px"-->
<!--              v-model="exhibitioinStandInfo.constructionDirector"-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item-->
<!--            label="报馆负责人联系电话"-->
<!--            prop="constructionDirectorTel"-->
<!--          >-->
<!--            <el-input-->
<!--              style="width: 180px"-->
<!--              v-model="exhibitioinStandInfo.constructionDirectorTel"-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="现场负责人姓名" prop="dutyElectWorkmanName">-->
<!--            <el-input-->
<!--              style="width: 180px"-->
<!--              v-model="exhibitioinStandInfo.dutyElectWorkmanName"-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="现场负责人联系电话" prop="dutyElectWorkmanTel">-->
<!--            <el-input-->
<!--              style="width: 180px"-->
<!--              v-model="exhibitioinStandInfo.dutyElectWorkmanTel"-->
<!--            ></el-input>-->
<!--          </el-form-item>-->
        </el-form>
<!--        <div class="form_but">-->
<!--          <el-button-->
<!--            v-if="upload && reportCadApply.stage == 1 && reportCadApply.applyStatus == 4 || reportCadApply.applyStatus == 2"-->
<!--            size="mini"-->
<!--            @click="upload = false"-->
<!--            type="primary"-->
<!--            >修改</el-button-->
<!--          >-->
<!--          <el-button-->
<!--            v-else-if="!upload"-->
<!--            @click="doBaoCun"-->
<!--            size="mini"-->
<!--            type="success"-->
<!--            >保存</el-button-->
<!--          >-->
<!--        </div>-->
      </div>
      <el-collapse v-model="activeNames1">
        <el-collapse-item title="报图资料" name="1">
          <el-card class="box-card">
             <el-table
            :data="reporyarr"
            style="width: 100%"
          >
            <el-table-column prop="applyStatus" label="审图状态">
              <template slot-scope="scope">
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.applyStatus == 1"
                  >已通过</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.applyStatus == 2"
                  >不通过</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.applyStatus == 3"
                  >已取消</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.applyStatus == 4"
                  >进行中</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.applyStatus == 0"
                  >待审核</el-button
                >
              </template>
            </el-table-column>
             <el-table-column prop="comment" label="审核意见">
            </el-table-column>
             <el-table-column prop="createTime" label="提交时间">
            </el-table-column>
             <el-table-column  label="操作">
               <template slot-scope="scope">
                 <el-button
                  type="text"
                  @click="toUpdateAttachment(scope.row)"
                  size="small"
                  v-if=" reportCadApply.stage == 1 && reportCadApply.applyStatus == 4 || reportCadApply.applyStatus == 2"
                  >修改</el-button
                >
                 <el-button
                         type="text"
                         @click="toDoAttachment"
                         size="small"
                         v-if=" reportCadApply.stage == 0"
                 >上传资料</el-button
                 >
                <el-button type="text" @click="toUpdatedetile" size="small"
                  >查看</el-button
                >
               </template>
            </el-table-column>
             </el-table>
          </el-card>
        </el-collapse-item>
      </el-collapse>
      <el-collapse v-model="activeNames" v-if="reportCadApply.stage > 1 || (reportCadApply.stage == 1 && reportCadApply.applyStatus == 1)">
        <el-collapse-item title="项目订单" name="1">
          <el-button
            v-if="orderList.length < 1"
            @click="toShop"
            type="success"
            >项目申请</el-button
          >
          <div v-else-if="orderList">
             <el-table
            :data="orderList"
            style="width: 100%"
          >
            <el-table-column label="审核状态">
              <template slot-scope="scope">
                {{
                    scope.row.checkStatus == 0
                      ? "待审核"
                      : scope.row.checkStatus == 1
                      ? "已通过"
                      : "未通过"
                  }}
              </template>
            </el-table-column>
            <el-table-column prop="orderAmount" label="订单总计"></el-table-column>
            <el-table-column label="付款状态">
              <template slot-scope="scope">
                {{ scope.row.orderStatus == 1 ? "已付款" : "未付款" }}
              </template>
            </el-table-column>
            <el-table-column label="押金状态">
              <template slot-scope="scope">
                {{ scope.row.submitStatus == 1 ? "已退款" : "未退款" }}
              </template>
            </el-table-column>
             <el-table-column prop="orderAuditReason" label="审核意见"></el-table-column>
              <el-table-column prop="orderTime" label="下单时间"></el-table-column>
              <el-table-column label="操作">
              <template slot-scope="scope">
                   <el-button
                    type="text"
                    @click="toOrderDetail(scope.row.orderNum)"
                    size="small"
                    >查看详情</el-button
                  >
                <el-button v-if="scope.row.checkStatus == 2"
                        type="text"
                        @click="toShopping(scope.row.orderNum)"
                        size="small"
                >重新项目申请</el-button
                >
                  <el-button v-if="scope.row.checkStatus == 1"
                    type="text"
                    @click="dowin(scope.row.orderId)"
                    size="small"
                    >下载订单明细</el-button
                  >
                  <el-button
                    type="text"
                    @click="dialogOpen(scope.row)"
                    size="small"
                    v-if="scope.row.checkStatus == 1"
                    >上传缴费凭证</el-button
                  >
              </template>
            </el-table-column>
             </el-table>
          </div>
        </el-collapse-item>
      </el-collapse>
      <el-collapse v-model="activeNames4" v-if="reportCadApply.stage >= 3">
        <el-collapse-item title="发票申请" name="1">
          <el-table
            v-if="tableData.length > 0"
            :data="tableData"
            style="width: 100%"
          >
            <el-table-column label="发票类型">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.invoice_type"
                  :value="scope.row.invoiceType"
                />
              </template>
            </el-table-column>
            <el-table-column prop="exhibitionCompany" label="参展公司">
            </el-table-column>
            <el-table-column prop="companyName" label="公司名称">
            </el-table-column>
            <el-table-column prop="companyDutyNumber" label="公司税号">
            </el-table-column>
            <el-table-column prop="openingAccount" label="公司账号">
            </el-table-column>
            <el-table-column label="发票状态">
              <template slot-scope="scope">
                <dict-tag
                  :options="dict.type.invoice_stat"
                  :value="scope.row.invoiceStatus"
                />
              </template>
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button @click="down(scope.row)" type="text">下载</el-button>
              </template>
              <template slot-scope="scope">
                <el-button @click="toInvoice" type="text"></el-button>
              </template>
            </el-table-column>
          </el-table>
<!--          <el-button v-else @click="$router.push({path:'/lease',query:{-->
<!--            to:true-->
<!--          }})" type="success"-->
<!--            >去商城</el-button-->
<!--          >-->
          <el-button v-else @click="toInvoice" type="success"
          >去开票</el-button
          >
          <pagination
            v-show="total > 0"
            :total="total"
            :page.sync="fyParams.pageNum"
            :limit.sync="fyParams.pageSize"
            @pagination="getfylist"
          />
        </el-collapse-item>
      </el-collapse>
      <el-collapse v-model="activeNames2">
        <el-collapse-item title="防疫两表" name="1">
          <el-button type="primary" @click="dowinfill" size="small"
                >下载模板</el-button
              >
              <el-button type="primary" @click="filldialog = true" size="small"
                >上传</el-button
              >
          <el-card class="box-card">

            <el-table :data="fyglList">
              <el-table-column label="展位名称" align="center" prop="standName" />
              <el-table-column label="附件路径" align="center" prop="imgUrl" />
              <!--      <el-table-column label="申请人id" align="center" prop="applyPersonId" />-->
              <el-table-column label="提交时间" align="center" prop="applyTime" width="180">
                <template slot-scope="scope">
                  <span>{{ parseTime(scope.row.applyTime, '{y}-{m}-{d}') }}</span>
                </template>
              </el-table-column>
            </el-table>
          </el-card>
        </el-collapse-item>
      </el-collapse>
      <el-collapse v-model="activeNames3" v-if="reportCadApply.stage > 3">
        <el-collapse-item title="撤展验收" name="1">
          <el-table :data="supervisionList">
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="序号" type="index" />
            <el-table-column label="展馆号" align="center" prop="exNumber" />
            <el-table-column label="展位号" align="center" prop="standNum" />
            <el-table-column
              label="搭建负责人姓名"
              align="center"
              prop="personName"
            />
            <el-table-column
              label="搭建负责人电话"
              align="center"
              prop="personPhone"
            />
            <el-table-column
              label="安全员姓名"
              align="center"
              prop="superviser"
            />
            <el-table-column
              label="违规原因"
              align="center"
              prop="illegalReason"
            />
            <el-table-column
              label="违规图片"
              align="center"
              prop="illegalImgUrl"
            >
              <template slot-scope="scope">
                <el-image
                  style="width: 100px; height: 100px"
                  :src="scope.row.illegalImgUrl"
                  :preview-src-list="[scope.row.illegalImgUrl]"
                />
              </template>
            </el-table-column>
            <el-table-column
              label="创建时间"
              align="center"
              prop="createTime"
              width="180"
            >
              <template slot-scope="scope">
                <span>{{
                  parseTime(scope.row.createTime, "{y}-{m}-{d}")
                }}</span>
              </template>
            </el-table-column>
            <el-table-column label="罚款" align="center" prop="deduction" />
          </el-table>
        </el-collapse-item>
      </el-collapse>
      <el-dialog
        title="查看及上传缴费凭证"
        :visible.sync="open"
        width="600px"
        append-to-body
      >
        <el-form ref="orderForm" :model="orderForm">
          <el-form-item label="缴费凭证：" prop="paymentUrl">
            <order-image-upload
              v-model="orderForm.paymentUrl"
            ></order-image-upload>
          </el-form-item>
        </el-form>
        <el-button type="primary" @click="uploadOrderForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </el-dialog>
      <!-- 防疫两表的上传图片 -->
      <el-dialog
        title="上传防疫文件"
        :visible.sync="filldialog"
        width="600px"
        append-to-body
        :close-on-click-modal="false"
      >
        <el-form ref="fillObj" :model="fillObj">
          <el-form-item label="上传文件: " prop="imgUrl">
            <file-upload v-model="fillObj.imgUrl"> </file-upload>
          </el-form-item>
          <el-form-item label="上传维保证: " prop="excelUrl">
            <ExcelUpload v-model="fillObj.excelUrl"> </ExcelUpload>
          </el-form-item>
<!--          <el-form-item label="上传：" prop="imgUrl">-->
<!--            <order-image-upload v-model="fillObj.imgUrl"></order-image-upload>-->
<!--          </el-form-item>-->
        </el-form>
        <el-button type="primary" @click="hanldfill">确 定</el-button>
        <el-button @click="fillcolse">取 消</el-button>
      </el-dialog>
      <!-- 防疫两表的下载附件 -->
      <el-dialog
        title="下载"
        :visible.sync="downdialog"
        width="600px"
        append-to-body
        :close="downclose"
      >
        <el-checkbox-group v-model="checkList">
          <el-checkbox
            v-for="item in downlist"
            :key="item.id"
            :label="item.id"
            >{{ item.fileName }}</el-checkbox
          >
        </el-checkbox-group>
        <el-button type="primary" @click="hanlddown">确 定</el-button>
        <el-button @click="downclose">取 消</el-button>
      </el-dialog>
    </div>
  </div>
</template>
<script>
import {
  apply,
  stand_info,
  getOrganizetionInfo,
  upalodapply,
} from "@/api/outfit/drawingadd.js";
import { invoice_apply, invoice_list } from "@/api/outfit/invoicel.js";
import { getlist, getdeilts, getdowin, updateOrder } from "@/api/order.js";
import { download } from "@/plugins/lsqdownload.js";
import { getfile } from "@/api/home.js";
import { getToken, setToken, removeToken } from "@/utils/auth";
import { listFygl, addFygl, updateFygl } from "@/api/outfit/fygl.js";
import { listSupervisionForWeb } from "@/api/outfit/supervision";
export default {
  dicts: [
    // 报馆进度
    "ex_apply_step",
    "apply_status",
    "stand_level_type",
    "stand_texture",
    "stand_pos_type",
    "sys_number_yes_no",
    "stand_level_type", // 展位层数
    "stand_pos_type", // 展位位置
    "order_stat",
    "invoice_stat",
    "audit_stat",
    "invoice_type",
    "stand_stage", // 进度数据
  ],
  data() {
    return {
      open: false,
      formInline: {},
      detailid: 0,
      textarea: "",
      exhibitioinStandInfo: {},
      reportCadApply: {},
      activeNames: "1",
      activeNames1: "1",
      activeNames2: "1",
      activeNames3: "1",
      activeNames4: "1",
      activeClass: 0,
      orderList: [],
      queryParams: {
        standNum: null,
      },
      orderForm: {
        orderId: null,
        paymentUrl: null,
      },
      rules: {},
      upload: true,
      userInfo: {},
      supervisionList: [],
      filldialog: false, // 防疫两表的上传弹出框
      fillObj: {},
      downdialog: false, // 防疫两表的下载弹出框
      downlist: [],
      checkList: [],
      tableData: [], // 发票申请的表格数据
      total: 0,
      fyParams: {
        pageNum: 1,
        pageSize: 10,
        standId: null,
      },
      fyglInfo: null,
      fyImgList: [],
      standId: null,
      stage: null,
      fyglList: null,
      user: {},
      reporyarr:[]
    };
  },
  activated() {
    let id = this.$route.query.id;
    this.standId = this.$route.query.standId;
    this.user = JSON.parse(getToken("user"));
    this.detailid = id;
    if (id) {
      this.getdata();
    }
    this.getfill();
    this.getfylist();
    this.reporyarr = []
  },
  created(){
    let id = this.$route.query.id;
    this.standId = this.$route.query.standId;
    this.user = JSON.parse(getToken("user"));
    this.detailid = id;
    if (id) {
      this.getdata();
    }
    this.getfill();
    this.getfylist();
     this.reporyarr = []
  },
  methods: {
    // 抱图资料的查看
    toUpdatedetile() {
      // this.$router.push('/toUpdatedetile')
      this.$router.push({
        path: "/toUpdatedetile",
        query: {
          id: this.detailid,
        },
      });
    },
    //获取发票数据
    getfylist() {
      this.fyParams.standId = this.standId;
      invoice_list(this.fyParams).then((res) => {
        if (res.code == 200) {
          this.total = res.total;
          this.tableData = res.rows;
        }
      });
    },
    // 获取防疫两表的图片数据
    getfill() {
      let exhibitionId = JSON.parse(getToken("exhibition"));
      getfile(exhibitionId.id).then((res) => {
        console.log(res);
        if (res.code == 200) {
          //this.downlist = res.rows.filter((res) => res.filePos == 6);
          this.downlist = res.rows;
          console.log(this.downlist);
        }
      });
    },
    // 防疫上传弹出框的提交
    hanldfill() {
      let exhibitionId = JSON.parse(getToken("exhibition"));
        let form = {
          applyPersonId: this.user.id,
          applyTime: new Date(),
          exhibitionId: exhibitionId.id,
          standId: this.standId,
          imgUrl: this.fillObj.imgUrl,
          excelUrl: this.fillObj.excelUrl,
        };
        addFygl(form).then((res) => {
          this.filldialog = false;
          this.getFyglInfo();
        });
      this.fillObj.imgUrl = null;
    },
    // 防疫上传弹出框的关闭回调
    fillcolse() {
      this.filldialog = false;
      this.$refs.fillObj.resetFields();
    },
    // 防疫两表下载附件
    dowinfill() {
      let exhibitionId = JSON.parse(getToken("exhibition"));
      getfile(exhibitionId.id).then((res) => {
        if (res.code == 200) {
          this.downdialog = true;
          console.log(res);
          this.downlist = res.rows.filter((res) => res.filePos == 6);
        }
      });
    },
    // 防疫两表的提交
    hanlddown() {
      for (let i = 0; i < this.checkList.length; i++) {
        this.$download.downLoadFile(this.checkList[i]);
      }
    },
    // 防疫量表的下载弹出框关闭回调
    downclose() {
      this.downdialog = false;
      this.checkList = [];
    },
    getActiveClass(index) {
      console.log(index);
      this.activeClass = index;
      let jump = document.querySelectorAll(".el-collapse-item");
      jump[index].scrollIntoView({ block: "end", behavior: "smooth" });
    },
    getdata() {
      apply(this.detailid).then((res) => {
        this.exhibitioinStandInfo = res.data.exhibitioinStandInfo;
        this.stage = this.exhibitioinStandInfo.stage;
        this.reportCadApply = res.data.reportCadApply;
         this.reporyarr = []
        this.reporyarr.push(JSON.parse(JSON.stringify(res.data.reportCadApply)))
       console.log( this.reporyarr);
      });
      this.queryParams.standNum = this.standId;
      getlist(this.queryParams).then((res) => {
        this.orderList = res.rows;
        console.log(this.orderList);
        // this.total = res.total;
        if (this.stage == 2 && this.orderList.length  == 0) {
          this.$message({
            message: "订单数据为空，请前往商城进行选购",
            type: "warning",
          }).then(() => {
            this.$router.push({
              path: "/lease",
              query: {
                to: true,
              },
            });
          });
        }
      });
      getOrganizetionInfo().then((res) => {
        this.userInfo.constructionName = res.data.constructionName;
        this.userInfo.creditCode = res.data.creditCode;
      });
      this.getFyglInfo();
      this.getCzysInfo();
    },
    getCzysInfo() {
      let query = {
        standId: this.standId,
      };
      listSupervisionForWeb(query).then((response) => {
        this.supervisionList = response.rows;
      });
    },
    getFyglInfo() {
      let query = {
        standId: this.standId,
      };
      listFygl(query).then((res) => {
        if (res.rows) {
          this.fyglList = res.rows;
        }
      });
    },
    toShop() {
      this.$router.push({
        path: '/lease',
        query: {
          standId: this.exhibitioinStandInfo.id,
        },
      })
    },
    toInvoice() {
      this.$router.push({
        path: '/invoiceIndex',
        query: {
          standId: this.exhibitioinStandInfo.id, to: true
        },
      })
    },
    down(row) {
      console.log(row);
      // window.open(row.invoiceUrl)
      // document
      // this.downloadByBlob(row.invoiceUrl)
      let imgurl = row.invoiceUrl;
      if (imgurl) {
        let link = document.createElement("a");

        fetch(imgurl)
                .then((res) => res.blob())
                .then((blob) => {
                  link.href = URL.createObjectURL(blob);

                  console.log(link.href);

                  link.download = "pic";

                  link.id = "Adownload";

                  document.body.appendChild(link);

                  link.click();

                  document.getElementById("Adownload").remove();
                });
      } else {
        this.$message({
          showClose: true,
          message: '请耐心等候，发票会在三十个工作日内上传！',
          type: 'error'
        });
      }
    },
    //修改审图
    toUpdateAttachment(active) {
      console.log(active);
      console.log(this.reportCadApply.id)
      setToken("applyid", this.reportCadApply.id);
      apply(this.reportCadApply.id).then((res) => {
        setToken("jd", JSON.stringify(res.data));
        setToken("stan", JSON.stringify(res.data.exhibitioinStandInfo));
        setToken("stanId", null);
        this.$router.push({
          path: "/editApply",
          query: {
            index: 4,
            id:active.id
          },
        });
      });
    },
    toDoAttachment(row) {
      let id =this.reportCadApply.id;
      apply(id).then((res) => {
        setToken("applyid", id);
        setToken("jd", JSON.stringify(res.data));
        setToken("stan", JSON.stringify(res.data.exhibitioinStandInfo));
        setToken("stanId", null);
        this.$router.push({
          path: "/drawingadd",
          query: {
            index: 4,
            applyid: id, //把addlyid传到drawingadd
          },
        });
      });
    },
    // 查看订单详情
    toOrderDetail(orderNum) {
      this.$router.push({
        path: "/orderdetails",
        query: {
          id: orderNum,
          to: true
        },
      });
    },
    // 下载购物清单
    dowin(id) {
      getdowin(id).then((res) => {
        download(res, "application/msword;charset=UTF-8", "订单明细" + ".docx");
      });
    },
    doBaoCun() {
      stand_info(this.exhibitioinStandInfo).then((res) => {
        this.upload = true;
        this.$message.success("更新成功");
      });
    },
    //上传缴费凭证
    uploadOrderForm() {
      //this.orderForm.submitStatus = 1;
      this.orderForm.orderStatus = 1;
      updateOrder(this.orderForm).then(() => {
        if (this.stage < 3) {
          let form = {
            id: this.standId,
            stage: 3,
          }
          stand_info(form);
        }
        this.open = false;
        if (this.orderForm.paymentUrl != null && this.orderForm.paymentUrl != "") {

        }
      });
    },
    dialogOpen(row) {
      this.orderForm.orderId = row.orderId;
      this.orderForm.paymentUrl = row.paymentUrl;
      this.open = true;
    },
    cancel() {
      this.open = false;
    },
    toShopping() {
      this.$router.push({
        path: "/lease",
        query: { standId: this.standId, to: true },
      });
    }
  },
};
</script>
<style scoped>
.detail_mian {
  /* padding: 20px; */
  display: flex;
  justify-content: center;
}
/deep/.el-timeline {
  padding: 0 !important;
}
.page_detail {
  width: 1000px;
  background-color: #fff;
  /* margin: auto; */
  padding: 20px;
}
.detail_titel {
  padding: 20px 0;
  border-bottom: 2px solid #f6f6f6;
  font-weight: bold;
}
.zx_data {
  padding: 20px 0;
  border-bottom: 2px solid #f6f6f6;
}
.detail_time {
  /* background-color: #ffffff; */
  margin-right: 50px;
  padding: 0px 40px;
  display: flex;
  justify-content: center;
}
.time_row {
  background-color: #ffffff;
  width: 150px;
  padding: 10px;
  /* height: 100%; */
  position: fixed;
}
.form_titel {
  font-weight: bold;
  margin-bottom: 20px;
}
.form_but {
  display: flex;
  justify-content: flex-end;
}
/deep/ .el-checkbox {
  display: block;
  margin-bottom: 20px;
}
/deep/.el-table th.el-table__cell {
  background-color: #e4fafa !important;
  text-align: center !important;
}
/deep/.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  text-align: center !important;
}
.fy_img_list {
  margin: 20px 0;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  flex-wrap: wrap;
}
.img_list_item {
  margin: 0 10px;
}
</style>